// 进度条
import { defineComponent, reactive } from "vue";
export default defineComponent({
  props: {
    Hlabel: {
      type: String,
    },
    unit: {
      type: String,
    },
    numericalValue: {
      type: String,
    },
    plan: {
      type: String,
    },
  },
  setup(props) {
    return () => (
      <>
        <div class="display-flex HorizontalProgress-box">
          <div class="HorizontalProgress-lable">{props.Hlabel}</div>
          <div class="flex-1 ml10 HorizontalProgress-schedule">
            <div
              class="HorizontalProgress-progress-bar  animate__animated animate__fadeInLeft "
              style={{ width: props.plan + "%" }}
            >
              <span class="animate__animated animate__bounceInLeft animate__delay-1s">
                {props.numericalValue}
                {props.unit}
              </span>
            </div>
          </div>
        </div>
      </>
    );
  },
});
